<!DOCTYPE html>
<html lang="zh-cmn-Hans">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>成为会员</title>
		<link rel="stylesheet" href="../../css/ui.min.css" />
		<link rel="stylesheet" href="../../css/iconfont.css" />
		<link rel="stylesheet" href="../../css/swiper.min.css" />
		<link rel="stylesheet" href="../../css/style.css" />
		<script src="../../js/jquery-2.1.4.js"></script>
		<script src="../../js/swiper.min.js"></script>
	</head>

	<body ontouchstart>
		<header class="ui-header">
			<a href="javascript:history.go(-1)" class="ui-icon hd-left">
				<span class="iconfont icon-back"></span>
			</a>
			<div class="ui-title">成为会员</div>
		</header>
		<div class="ui-content">
			<div class="guide-cells">
				<div class="swiper-container swiper-guide">
					<div class="swiper-wrapper">
						<div class="swiper-slide"><img src="../../images/vip_slide.jpg" alt=""></div>
						<div class="swiper-slide"><img src="../../images/vip_slide.jpg" alt=""></div>
						<div class="swiper-slide"><img src="../../images/vip_slide.jpg" alt=""></div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
				<script>
					var swiper = new Swiper('.swiper-container', {
						centeredSlides: true,
						loop: true,
						autoplay: {
							delay: 3000,
							disableOnInteraction: false,
						},
						pagination: {
							el: '.swiper-pagination',
							clickable: true,
						},
					});
				</script>
				<div class="guide-text">
					每日嗨购竭诚邀请您成为我们的会员成为会员方式有以下两种方式，成为会员后您将享受会员的各种优惠政策.
				</div>
				<div class="gcells">
					<a href="" class="ui-cell ui-cell_access">
						<div class="iconfont icon-zhifu"></div>
						<div class="ui-cell__bd">
							<p>在线支付99元成为会员</p>
						</div>
						<div class="ui-cell__ft"></div>
					</a>
					<a href="" class="ui-cell ui-cell_access">
						<div class="iconfont icon-yaoqing"></div>
						<div class="ui-cell__bd">
							<p>填写邀请码成为会员</p>
						</div>
						<div class="ui-cell__ft"></div>
					</a>
				</div>
			</div>
			<div class="tq-panel">
				<div class="vip-tq">
					<div class="hd">-A级会员特权-</div>
					<ul class="tq-list">
						<li>
							<div class="tq-hd">最高可享受70%的商品优惠</div>
							<div class="tq-desc">自购商品最高获得60%的优惠</div>
						</li>
						<li>
							<div class="tq-hd">最高可享受70%的商品优惠</div>
							<div class="tq-desc">自购商品最高获得60%的优惠</div>
						</li>
						<li>
							<div class="tq-hd">最高可享受70%的商品优惠</div>
							<div class="tq-desc">自购商品最高获得60%的优惠</div>
						</li>
					</ul>
				</div>
			</div>
		</div>

	</body>

</html>